<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<!DOCTYPE html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>个人注册</title>
		<link rel="shortcut ico" href="${rootPath}/favicon.ico" />
		<link rel="stylesheet" href="${rootPath}/css/base.css">
		<link rel="stylesheet" href="${rootPath}/css/register.css">
		<script src="${rootPath}/js/reg.js"></script>
	</head>
	<body>
	<div class="w">
		<header>
			<div class="logo"></div>
		</header>
		<div class="registerarea">
			<h3>
				注册新用户
				<div class="login">
					我有账号，去<a href="${rootPath}/adminsLogin" target="_blank">登陆</a>
				</div>
			</h3>
			<div>
				<h4>请认真填写以下注册信息</h4>
			</div>
			<form action="#" method="GET">
				<div>
					<h5>账号信息</h5>
				</div>
				<div class="reg_form">
					<ul>
						<li><label for="yhm">用户名：</label> <input type="text"
							class="inp" id="yhm" name="user"
							placeholder="使用3-9位小写英文字母、数字或下划线组合"> <span class="x">*</span>
						</li>
						<li><label for="pwd">登录密码：</label> <input type="password"
							class="inp" id="pwd" placeholder="输入6-16位字符"> <span
							class="x">*</span></li>
						<li><label for="surepwd">确认密码：</label> <input type="password"
							class="inp" id="surepwd"> <span class="x">*</span></li>
						<li><label for="">密码问题：</label> <select name="question">
								<option value="">请选择一个问题</option>
								<option value="我就读的小学名称？">我就读的小学名称？</option>
								<option value="我最喜欢的食物？">我最喜欢的食物？</option>
								<option value="我喜爱的歌曲？">我喜爱的歌曲？</option>
								<option value="我妈妈的生日？">我妈妈的生日？</option>
								<option value="我的绰号？">我的绰号？</option>
								<option value="我的初恋？">我的初恋？</option>
						</select> <span class="x">*</span></li>
						<li><label for="">您的答案：</label> <input type="text"
							class="inp" onblur="callServer(this.value)" size="20"
							maxlength="20"> <span class="x">*</span> <span>（2-20位）</span>
						</li>
					</ul>

				</div>
				<div>
					<h5>基本资料</h5>
				</div>
				<div class="reg_form">
					<ul>
						<li><label for="nc">真实姓名：</label> <input type="text"
							class="inp" id="nc" placeholder="2-4位中文"> <span class="x">*</span>
						</li>
						<li><label for="">性别：</label> <label for="nan"><input
								type="radio" name="sex" id="nan"> <img
								src="images/man.jpg"> 男 </label> <label for="nv"><input
								type="radio" name="sex" id="nv"><img
								src="images/women.jpg"> 女</label> <span class="x">*</span></li>
						<li><label for="">出生日期：</label> <select>
								<option>--请选择年份--</option>
								<option>1920</option>
								<option>1921</option>
								<option>1922</option>
								<option>1923</option>
								<option>1924</option>
								<option>1925</option>
								<option>1926</option>
								<option>1927</option>
								<option>1928</option>
								<option>1929</option>
								<option>1930</option>
								<option>1931</option>
								<option>1932</option>
								<option>1933</option>
								<option>1934</option>
								<option>1935</option>
								<option>1936</option>
								<option>1937</option>
								<option>1938</option>
								<option>1939</option>
								<option>1940</option>
								<option>1941</option>
								<option>1942</option>
								<option>1943</option>
								<option>1944</option>
								<option>1945</option>
								<option>1946</option>
								<option>1947</option>
								<option>1948</option>
								<option>1949</option>
								<option>1950</option>
								<option>1951</option>
								<option>1952</option>
								<option>1953</option>
								<option>1954</option>
								<option>1955</option>
								<option>1956</option>
								<option>1957</option>
								<option>1958</option>
								<option>1959</option>
								<option>1960</option>
								<option>1961</option>
								<option>1962</option>
								<option>1963</option>
								<option>1964</option>
								<option>1965</option>
								<option>1966</option>
								<option>1967</option>
								<option>1968</option>
								<option>1969</option>
								<option>1970</option>
								<option>1971</option>
								<option>1972</option>
								<option>1973</option>
								<option>1974</option>
								<option>1975</option>
								<option>1976</option>
								<option>1977</option>
								<option>1978</option>
								<option>1979</option>
								<option>1980</option>
								<option>1981</option>
								<option>1982</option>
								<option>1983</option>
								<option>1984</option>
								<option>1985</option>
								<option>1986</option>
								<option>1987</option>
								<option>1988</option>
								<option>1989</option>
								<option>1990</option>
								<option>1991</option>
								<option>1992</option>
								<option>1993</option>
								<option>1994</option>
								<option>1995</option>
								<option>1996</option>
								<option>1997</option>
								<option>1998</option>
								<option>1999</option>
								<option>2000</option>
								<option>2001</option>
								<option>2002</option>
								<option>2003</option>
								<option>2004</option>
								<option>2005</option>
								<option>2006</option>
								<option>2007</option>
								<option>2008</option>
								<option>2009</option>
								<option>2010</option>
								<option>2011</option>
								<option>2012</option>
								<option>2013</option>
								<option>2014</option>
								<option>2015</option>
								<option>2016</option>
								<option>2017</option>
								<option>2018</option>
								<option>2019</option>
								<option>2020</option>
						</select> <select>
								<option>--请选择月份--</option>
								<option>1</option>
								<option>2</option>
								<option>3</option>
								<option>4</option>
								<option>5</option>
								<option>6</option>
								<option>7</option>
								<option>8</option>
								<option>9</option>
								<option>10</option>
								<option>11</option>
								<option>12</option>
						</select> <select>
								<option>--请选择日--</option>
								<option>1</option>
								<option>2</option>
								<option>3</option>
								<option>4</option>
								<option>5</option>
								<option>6</option>
								<option>7</option>
								<option>8</option>
								<option>9</option>
								<option>10</option>
								<option>11</option>
								<option>12</option>
								<option>13</option>
								<option>14</option>
								<option>15</option>
								<option>16</option>
								<option>17</option>
								<option>18</option>
								<option>19</option>
								<option>20</option>
								<option>21</option>
								<option>22</option>
								<option>23</option>
								<option>24</option>
								<option>25</option>
								<option>26</option>
								<option>27</option>
								<option>28</option>
								<option>29</option>
								<option>30</option>
								<option>31</option>
						</select> <span class="x">*</span></li>
						<li><label for="">身份证号：</label> <input type="text"
							class="inp" id="sfid"> <span class="x">*</span></li>
						<li><label for="qq">QQ号码：</label> <input type="text"
							class="inp" id="qq" placeholder="5-11位数字"> <span
							class="x">*</span></li>
						<li><label for="">电子邮箱：</label> <input type="text"
							class="inp" id="email"> <span class="x">*</span></li>
						<li><label for="tel">手机号：</label> <input type="text"
							class="inp" id="tel" placeholder="请输入11位的手机号码"> <span
							class="x">*</span></li>
						<li><label for="">上传头像</label> <input type="file"
							accept="image/*"> <span class="x">*</span></li>
						<li class="agree"><input type="checkbox" name="" id="">
							同意协议并注册 <a href="#">《知晓用户协议》</a></li>
						<li><input type="submit" value="立即注册" class="btn"> <input
							type="reset" value="重置信息" class="bt"></li>

					</ul>
				</div>
		</div>
		</form>
	</div>
	</div>
</body>
</html>